import React from "react";
import {useDispatch,useSelector } from "react-redux"
import { getMovieAction } from  "../../store/slice/movieSlice"

export default function Movie (){
    const dispacth=useDispatch()
    const movieList=useSelector(state=>state.movie.movieList)
    const count =useSelector(state =>state.count.count)
    
    // 这个的把数据放在库里面
    const getMovieHandle=()=>{
        dispacth(getMovieAction())
    }
    return(
        <div>
            <h1>我是Movie组件</h1>
            <p>我收到的Count组件的值是{count}</p>
            <button onClick={getMovieHandle}>获取电影的数据</button>
            <ul>
                {
                    movieList.map(item =>{
                        return<li key={item.tvId}>{item.albumName}</li>
                    })
                }
            </ul>
        
        </div>
    )


}
